<template>
    <div>
        <h1>Vue基础语法----Vue指令</h1>
        出生地点：<select>
            <option value="">请选择</option>
           <!-- <option value="" v-for="item in city" :key="item.id">{{ item.name }}</option>  --> 
            <option :value="item.id" v-for="item in city" :key="item.id">{{ item.name }}</option>
        </select>

        <table class="table table-bordered">
            <tbody>
                <tr>
                    <td>id</td>
                    <td>姓名</td>
                    <td>头像</td>
                </tr>
                <tr >

                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import { ref,reactive } from 'vue';

let city=ref([
    {id:1,name:'河北'},
    {id:2,name:'河南'},
    {id:3,name:'山东'},
    {id:3,name:'山西'},
])

let perpson= ref([
    {id:1,name:'张三',img:'https://img0.baidu.com/it/u=3260376025,1255253612&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1200'}
])



</script>

<style scoped>

</style>